@import url('main.less');

@width:100%;
@height:100%;
@item:linear-gradient(90deg, #cba66a, #e0c794);
.header{
  width: @width;
  height: 6rem;
  img{
    float: right;
    width:1rem;
    height:1rem;
    margin-top:0.5rem;
    margin-right:0.5rem;
  }
  .puser{
    height:@height;
    padding:0 1.5rem;
    .userinfo{
      p{
        color:#303030;
        font-size: 0.75rem;
        font-weight: bold;
        margin-bottom:0.5rem;
      }
      span{
        font-size: 0.6rem;
        border:0.05rem solid #fff;
        border-radius: 0.1rem;
        padding:2px 4px;
        margin-right:0.25rem;
      }
      a{
        font-size: 0.45rem;
      }
    }
  }
}
.poppage{
  position:absolute;
  left:0px;
  top:5.5rem;
  width:calc(~"100% - 20px");
  height:calc(~"100% - 110px");
  padding:0 0.5rem 0 0.5rem;
  .jl{
    height:4rem;
    .jl-common{
      text-align: center;
      width:@width*0.5;
      height:@height;
      span{
        color:#6b6b6b;
        font-size: 0.6rem;
      }
      p{
        color:#cba66a;
        font-size: 1.2rem;
        font-weight: bold;
      }
    }
    .left{
      a{
        color:#6b6b6b;
        font-size: 0.6rem;
        border: 0.01rem solid #6b6b6b;
        border-radius: 0.1rem;
        padding:0.15rem 0.3rem;
      }
    }
    .right{
      a{
        color:#fff;
        background: @item;
        font-size: 0.6rem;
        border-radius: 0.1rem;
        padding:0.15rem 1rem;
      }
    }
  }
  .yj{
    height:2.5rem;
    .yj-common{
      width:@width * 0.33;
      text-align: center;

      p{
        font-size:0.75rem;
        font-weight: bold;
        margin-bottom:0.25rem;
        color:#000000;
      }
      span{
        font-size:0.6rem;
        color:#6b6b6b;
      }
    }
  }
  .tg{
    text-align: center;
    height:3rem;
    padding-left:0.75rem;
    padding-right:0.75rem;
    p{
      color:#000000;
      font-size: 0.75rem;
    }
    img{
      width:3.2rem;
      float:right;
    }
  }
  .js{
    height:4.25rem;
    padding:0.25rem 0.75rem;
    span{
      color:#000000;
      font-size: 0.6rem;
    }
    div{
      text-align:end;
      span{
        color:#cba66a;
        font-size: 1.5rem;
        font-weight: bold;
      }
      a{
        color:#6b6b6b;
        font-size: 0.45rem;
        margin-left:1rem;
      }
    }
    p{
      text-align: center;
      color:#6b6b6b;
      font-size: 0.45rem;
      margin-top:0.5rem;
    }
  }
  .btn-back{
    margin-top:0.75rem;
    color:#cba66a;
    font-size: 0.75rem;
    height:0.75rem;
  }
}


